<page-bar></page-bar>

<div class="d-flex justify-content-between align-items-center mb-md">
  <div class="d-flex align-items-center">
    <input nz-input [(ngModel)]="params.q" placeholder="根据关键字搜索角色名称、角色编码" />
    <button nz-button nzType="primary" (click)="st.load(1, params)" class="ml-md">搜索</button>
    <button *ngIf="auth_btn_add" nz-button nzType="default" type="button" (click)="add()">添加角色</button>
  </div>
  <div>
    <custom-column [st]="st" (ok)="st.resetColumns()"></custom-column>
  </div>
</div>

<st #st [data]="url" [page]="{showSize: true}" [size]="'small'" [columns]="columns"
  [req]="{params: params, reName: { pi: 'current', ps: 'size' }}"
  [res]="{reName: { total: 'data.total', list: 'data.records'}}" class="my-md"></st>
